<!DOCTYPE html >
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7" ng-app="alumni-admin"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8" ng-app="alumni-admin"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9" g-app="alumni-admin"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js" xmlns:th="http://www.thymeleaf.org"
	ng-app="alumni-admin">
<!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title></title>
<meta name="description" content="">
<meta name="viewport"
	content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">


<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->

<link rel="stylesheet" href="../../resources/css/normalize.css"
	th:href="@{/resources/css/normalize.css}">

<!-- Basic Styles -->
<link rel="stylesheet"
	href="../../resources/css/libs/bootstrap/bootstrap.min.css"
	th:href="@{/resources/css/libs/bootstrap/bootstrap.min.css}">
<link rel="stylesheet"
	href="../../resources/css/libs/bootstrap/font-awesome.min.css"
	th:href="@{/resources/css/libs/bootstrap/font-awesome.min.css}">
<link rel="stylesheet" href="../../resources/css/main.css"
	th:href="@{/resources/css/main.css}">

<!-- SmartAdmin Styles : Please note (smartadmin-production.css) was created using LESS variables -->
<link rel="stylesheet" type="text/css" media="screen"
	href="../../resources/css/smartadmin-production_unminified.css"
	th:href="@{/resources/css/smartadmin-production_unminified.css}">
<link rel="stylesheet" type="text/css" media="screen"
	href="../../resources/css/smartadmin-skins.css"
	th:href="@{/resources/css/smartadmin-skins.css}">

<script src="
	../../resources/js/plugin/pace/pace.min.js"
	th:src="@{/resources/js/plugin/pace/pace.min.js}">
	
</script>

<!-- GOOGLE FONT -->
<link rel="stylesheet"
	href="http://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,300,400,700">
<script src="
	../../resources/js/libs/modernizr-2.6.2.min.js"
	th:src="@{/resources/js/libs/modernizr-2.6.2.min.js}">
	
</script>

<!--
<script
	src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
<script>
	if (!window.jQuery) {
		document
				.write('<script src="/resources/js/libs/jquery-2.0.2.min.js"><\/script>');
	}
</script>
<script
	src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
<script>
	if (!window.jQuery.ui) {
		document
				.write('<script src="resources/js/libs/jquery-ui-1.10.3.min.js"><\/script>');
	}
</script>
-->

<script src="../../resources/js/libs/jquery-2.0.2.min.js"
	th:src="@{/resources/js/libs/jquery-2.0.2.min.js}"></script>

<script src="../../resources/js/libs/jquery-ui-1.10.3.min.js"
	th:src="@{/resources/js/libs/jquery-ui-1.10.3.min.js}"></script>

<!-- BOOTSTRAP JS -->
<script src="../../resources/js/bootstrap/bootstrap.min.js"
	th:src="@{/resources/js/bootstrap/bootstrap.min.js}"></script>

<!-- CUSTOM NOTIFICATION -->
<script src="../../resources/js/notification/SmartNotification.js"
	th:src="@{resources/js/notification/SmartNotification.js}"></script>

<!-- SmartClick: For mobile devices -->
<script src="../../resources/js/plugin/smartclick/smartclick.js"
	th:src="@{resources/js/plugin/smartclick/smartclick.js}"></script>

<script src="../../resources/js/plugins.js"
	th:src="@{/resources/js/plugins.js}"></script>

<script src="../../resources/js/libs/class.js"
	th:src="@{/resources/js/libs/class.js}"></script>

<script src="../../resources/js/libs/angularjs/angular-1.2.12.min.js"
	th:src="@{/resources/js/libs/angularjs/angular-1.2.12.min.js}"></script>

<script src="../../resources/js/libs/angularjs/angular-route.min.js"
	th:src="@{/resources/js/libs/angularjs/angular-route.min.js}"></script>
	
<script src="../../resources/js/libs/jlinq.js"
	th:src="@{/resources/js/libs/jlinq.js}"></script>
<script src="../../resources/js/libs/date.js"
	th:src="@{/resources/js/libs/date.js}"></script>


<script src="
	../../resources/js/app/anular-app.js"
	th:src="@{/resources/js/app/angular-app.js}"></script>
<script src="
	../../resources/js/app/common/BaseController.js"
	th:src="@{/resources/js/app/common/BaseController.js}"></script>
<script src="
	../../resources/js/app/common/FormController.js"
	th:src="@{/resources/js/app/common/FormController.js}"></script>
<script
	src="
	../../resources/js/app/common/services/BreadcrumbsService.js"
	th:src="@{/resources/js/app/common/services/BreadcrumbsService.js}"></script>
<script
	src="
	../../resources/js/app/common/services/SharedVariableService.js"
	th:src="@{/resources/js/app/common/services/SharedVariableService.js}"></script>
<script
	src="
	../../resources/js/app/common/services/RestfulService.js"
	th:src="@{/resources/js/app/common/services/RestfulService.js}"></script>
<script
	src="
	../../resources/js/app/common/directives/pagination-directive.js"
	th:src="@{/resources/js/app/common/directives/pagination-directive.js}"></script>
<script
	src="
	../../resources/js/app/common/directives/password-validate-directive.js"
	th:src="@{/resources/js/app/common/directives/password-validate-directive.js}"></script>
<script
	src="
	../../resources/js/app/common/directives/unique-directive.js"
	th:src="@{/resources/js/app/common/directives/unique-directive.js}"></script>
<script
	src="
	../../resources/js/app/common/directives/password-match-directive.js"
	th:src="@{/resources/js/app/common/directives/password-match-directive.js}"></script>
<script
	src="
	../../resources/js/app/common/directives/checklist-model.js"
	th:src="@{/resources/js/app/common/directives/checklist-model.js}"></script>	
<script src="
	../../resources/js/app/ApplicationController.js"
	th:src="@{/resources/js/app/ApplicationController.js}"></script>

<script src="
	../../resources/js/app/alumni/AlumniListController.js"
	th:src="@{/resources/js/app/alumni/AlumniListController.js}"></script>
<script src="
	../../resources/js/app/alumni/AlumniDetailsController.js"
	th:src="@{/resources/js/app/alumni/AlumniDetailsController.js}"></script>
<script src="
	../../resources/js/app/alumni/AlumniModel.js"
	th:src="@{/resources/js/app/alumni/AlumniModel.js}"></script>
<script src="
	../../resources/js/app/alumni/AlumniService.js"
	th:src="@{/resources/js/app/alumni/AlumniService.js}"></script>

<script src="
	../../resources/js/app/alumni/AlumniIndexController.js"
	th:src="@{/resources/js/app/alumni/AlumniIndexController.js}"></script>
	
<script src="
	../../resources/js/app/alumni/AlumniCommandModel.js"
	th:src="@{/resources/js/app/alumni/AlumniCommandModel.js}"></script>
<script src="
	../../resources/js/app/alumni/AlumniCommandService.js"
	th:src="@{/resources/js/app/alumni/AlumniCommandService.js}"></script>
	
<script src="
	../../resources/js/app/alumni/AlumniController.js"
	th:src="@{/resources/js/app/alumni/AlumniController.js}"></script>

<script src="../../resources/js/app/view/ViewModel.js"
	th:src="@{/resources/js/app/view/ViewModel.js}"></script>
	
<script src="../../resources/js/app/view/ViewService.js"
	th:src="@{/resources/js/app/view/ViewService.js}"></script>
	
<script src="../../resources/js/app/view/ViewController.js"
	th:src="@{/resources/js/app/view/ViewController.js}"></script>

<script src="../../resources/js/app/system/UserListController.js"
	th:src="@{/resources/js/app/system/UserListController.js}"></script>	
<script src="
	../../resources/js/app/system/UserModel.js"
	th:src="@{/resources/js/app/system/UserModel.js}"></script>
<script src="
	../../resources/js/app/system/UserService.js"
	th:src="@{/resources/js/app/system/UserService.js}"></script>	
<script src="
	../../resources/js/app/system/UserCreateController.js"
	th:src="@{/resources/js/app/system/UserCreateController.js}"></script>	
<script src="
	../../resources/js/system/UserEditController.js"
	th:src="@{/resources/js/app/system/UserEditController.js}"></script>	
<script src="
	../../resources/js/system/UserResetPasswordController.js"
        th:src="@{/resources/js/app/system/UserResetPasswordController.js}"></script>
        
</head>
<body ng-controller="ApplicationController" class=""
	ng-class="{'minified': isMenuMinified, 'hidden-menu': isMenuHidden}">
	<!-- HEADER -->
	<header id="header">
		<div id="logo-group">

			<!-- PLACE YOUR LOGO HERE -->
			<span id="logo"> <img src="img/logo.png"
				th:src="@{/resources/img/logo.png}" alt="SmartAdmin">
			</span>
			<!-- END LOGO PLACEHOLDER -->

			<!-- Note: The activity badge color changes when clicked and resets the number to 0
				Suggestion: You may want to set a flag when this happens to tick off all checked messages / notifications -->
			<span id="activity" class="activity-dropdown"> <i
				class="fa fa-user"></i> <b class="badge"> 21 </b>
			</span>

			<!-- AJAX-DROPDOWN : control this dropdown height, look and feel from the LESS variable file -->
			<div class="ajax-dropdown">

				<!-- the ID links are fetched via AJAX to the ajax container "ajax-notifications" -->
				<div class="btn-group btn-group-justified" data-toggle="buttons">
					<label class="btn btn-default"> <input type="radio"
						name="activity" id="ajax/notify/mail.html"> Msgs (14)
					</label> <label class="btn btn-default"> <input type="radio"
						name="activity" id="ajax/notify/notifications.html">
						notify (3)
					</label> <label class="btn btn-default"> <input type="radio"
						name="activity" id="ajax/notify/tasks.html"> Tasks (4)
					</label>
				</div>

				<!-- notification content -->
				<div class="ajax-notifications custom-scroll">

					<div class="alert alert-transparent">
						<h4>Click a button to show messages here</h4>
						This blank page message helps protect your privacy, or you can
						show the first message here automatically.
					</div>

					<i class="fa fa-lock fa-4x fa-border"></i>

				</div>
				<!-- end notification content -->

				<!-- footer: refresh area -->
				<span> Last updated on: 12/12/2013 9:43AM
					<button type="button"
						data-loading-text="<i class='fa fa-refresh fa-spin'></i> Loading..."
						class="btn btn-xs btn-default pull-right">
						<i class="fa fa-refresh"></i>
					</button>
				</span>
				<!-- end footer -->

			</div>
			<!-- END AJAX-DROPDOWN -->
		</div>

		<!-- pulled right: nav area -->
		<div class="pull-right">

			<!-- collapse menu button -->
			<div id="hide-menu" class="btn-header pull-right">
				<span> <a title="关闭菜单" ng-click="hiddenMenu()"><i
						class="fa fa-bars"></i></a>
				</span>
			</div>
			<!-- end collapse menu -->

			<!-- logout button -->
			<div id="logout" class="btn-header transparent pull-right">
				<span> <a href="login.html" th:href="@{'/logout'}"
					title="Sign Out"><i class="fa fa-sign-out"></i></a>
				</span>
			</div>
			<!-- end logout button -->

			<!-- search mobile button (this is hidden till mobile view port) -->
			<div id="search-mobile" class="btn-header transparent pull-right">
				<span> <a href="javascript:void(0)" title="Search"><i
						class="fa fa-search"></i></a>
				</span>
			</div>
			<!-- end search mobile button -->

			<!-- input: search field -->
			<form action="#search.html" class="header-search pull-right">
				<input type="text" placeholder="Find reports and more"
					id="search-fld">
				<button type="submit">
					<i class="fa fa-search"></i>
				</button>
				<a href="javascript:void(0);" id="cancel-search-js"
					title="Cancel Search"><i class="fa fa-times"></i></a>
			</form>
			<!-- end input: search field -->
		</div>
		<!-- end pulled right: nav area -->
	</header>
	<!-- END HEADER -->

	<!-- Left panel : Navigation area -->
	<!-- Note: This width of the aside area can be adjusted through LESS variables -->
	<aside id="left-panel">
		<!-- User info -->
		<div class="login-info">
			<span> <!-- User image size is adjusted inside CSS, it should stay as it -->
				<img src="img/avatars/sunny.png"
				th:src="@{/resources/img/avatars/sunny.png}" alt="me" class="online" />
				<a href="javascript:void(0);" id="show-shortcut">David.Liu <i
					class="fa fa-angle-down"></i></a>
			</span>
		</div>
		<!-- end user info -->

		<!-- NAVIGATION : This navigation is also responsive

			To make this navigation dynamic please make sure to link the node
			(the reference to the nav > ul) after page load. Or the navigation
			will not initialize.
			-->
		<nav>
			<!-- NOTE: Notice the gaps after each icon usage <i></i>..
				Please note that these links work a bit different than
				traditional hre="" links. See documentation for details.
				-->

			<ul navTabs>
				<li ng-class="getActiveClass('/dashboard')"><a
					href="#/dashboard" title="Dashboard"><i
						class="fa fa-lg fa-fw fa-home"></i> <span class="menu-item-parent">主页</span></a>
				</li>
				<li><a href="#"><i class="fa fa-lg fa-fw fa-users"></i> <span
						class="menu-item-parent">校友</span></a>
					<ul>
						<li ng-class="getActiveClass('/alumni/alumni-managment')"><a
							href="#/alumni/alumni-managment">校友管理</a></li>
						<li ng-class="getActiveClass('/alumni/alumni-group')"><a
							href="#/alumni/alumni-group">群组管理</a></li>
						<li ng-class="getActiveClass('/alumni/alumni-ativity')"><a
							href="#/alumni/alumni-ativity">活动管理</a></li>
						<li ng-class="getActiveClass('/alumni/alumni-statistics')"><a
							href="#/alumni/alumni-statistics">图表统计</a></li>
					</ul></li>
				<li><a href="#"><i class="fa fa-lg fa-fw fa-envelope-o "></i>
						<span class="menu-item-parent">消息</span></a>
					<ul>
						<li ng-class="getActiveClass('/message/site-message')"><a
							href="#/message/site-message">站内消息</a></li>
						<li ng-class="getActiveClass('/message/email')"><a
							href="#/message/email">电子邮件</a></li>
						<li ng-class="getActiveClass('/message/mobile-message')"><a
							href="#/message/mobile-message">短信消息</a></li>
					</ul></li>
				<li><a href="#"><i class="fa fa-lg fa-fw fa-print"></i> <span
						class="menu-item-parent">打印</span></a>
					<ul>
						<li ng-class="getActiveClass('/print/template-design')"><a
							href="#/print/template-design">模版设计</a></li>
						<li ng-class="getActiveClass('/print/document-print')"><a
							href="#/print/document-print">打印生成</a></li>
					</ul></li>
				<li><a href="#"><i class="fa fa-lg fa-fw fa-gears"></i> <span
						class="menu-item-parent">系统</span></a>
					<ul>
						<li ng-class="getActiveClass('/system/data-import')"><a
							href="#/system/data-import">数据导入</a></li>
						<li ng-class="getActiveClass('/system/data-export')"><a
							href="#/system/data-export">数据导出</a></li>
						<li ng-class="getActiveClass('/system/user-management')"><a
							href="#/system/user-management">用户管理</a></li>
						<li ng-class="getActiveClass('/system/logs')"><a
							href="#/system/logs">日志管理</a></li>
					</ul></li>
			</ul>

		</nav>

		<span class="minifyme" ng-click="minifyMenu()"> <i
			class="fa fa-arrow-circle-left hit"></i>
		</span>
	</aside>

	<!-- MAIN PANEL -->
	<div id="main" role="main">
		<!-- RIBBON -->
		<div id="ribbon">

			<span class="ribbon-button-alignment"> <span id="refresh"
				class="btn btn-ribbon" data-title="refresh" rel="tooltip"
				data-placement="bottom"
				data-original-title="<i class='text-warning fa fa-warning'></i> 警告！ 这将复原页面上本地UI组件设置。"
				data-html="true"><i class="fa fa-refresh"></i></span>
			</span>

			<!-- breadcrumb -->
			<ol class="breadcrumb">
				<li ng-repeat="breadcrumb in breadcrumbs.getAll()"><ng-switch
						on="$last"> <span ng-switch-when="true">{{breadcrumb.name}}</span>
					<span ng-switch-default><a href="{{breadcrumb.path}}"
						th:href="@{'/#' + '{{breadcrumb.path}}'}">{{breadcrumb.name}}</a></span>
					</ng-switch></li>
			</ol>
			<!-- end breadcrumb -->



			<!-- You can also add more buttons to the
				ribbon for further usability

				Example below:

				<span class="ribbon-button-alignment pull-right">
				<span id="search" class="btn btn-ribbon hidden-xs" data-title="search"><i class="fa-grid"></i> Change Grid</span>
				<span id="add" class="btn btn-ribbon hidden-xs" data-title="add"><i class="fa-plus"></i> Add</span>
				<span id="search" class="btn btn-ribbon" data-title="search"><i class="fa-search"></i> <span class="hidden-mobile">Search</span></span>
				</span> -->

		</div>
		<!-- END RIBBON -->
		<!-- MAIN CONTENT -->
		<div id="content">
			<div ng-view></div>
			
		</div>
	</div>
	<!-- END MAIN PANEL -->

	<!-- Link to Google CDN's jQuery + jQueryUI; fall back to local -->
	<!-- JARVIS WIDGETS -->
	<script src="../../resources/js/libs/smartwidgets/jarvis.widget.min.js"
		th:src="@{/resources/js/libs/smartwidgets/jarvis.widget.min.js}"></script>

	<!-- PAGE RELATED PLUGIN(S) -->
	<script
		src="../../resources/js/plugin/datatables/jquery.dataTables-cust.min.js"
		th:src="@{/resources/js/plugin/datatables/jquery.dataTables-cust.min.js}"></script>
	<script src="../../resources/js/plugin/datatables/ColReorder.min.js"
		th:src="@{/resources/js/plugin/datatables/ColReorder.min.js}"></script>
	<script src="../../resources/js/plugin/datatables/FixedColumns.min.js"
		th:src="@{/resources/js/plugin/datatables/FixedColumns.min.js}"></script>
	<script src="../../resources/js/plugin/datatables/ColVis.min.js"
		th:src="@{/resources/js/plugin/datatables/ColVis.min.js}"></script>
	<script src="../../resources/js/plugin/datatables/ZeroClipboard.js"
		th:src="@{/resources/js/plugin/datatables/ZeroClipboard.js}"></script>
	<script
		src="../../resources/js/plugin/datatables/media/js/TableTools.min.js"
		th:src="@{/resources/js/plugin/datatables/media/js/TableTools.min.js}"></script>
	<script src="../../resources/js/plugin/datatables/DT_bootstrap.js"
		th:src="@{/resources/js/plugin/datatables/DT_bootstrap.js}"></script>

	<script src="../../resources/js/main.js"
		th:src="@{/resources/js/main.js}"></script>
		
		<!-- PAGE RELATED PLUGIN(S) -->
<!-- 	<script src="../../resources/js/plugin/bootstrap-wizard/jquery.bootstrap.wizard.min.js" -->
<!-- 		th:src="@{/resources/js/plugin/bootstrap-wizard/jquery.bootstrap.wizard.min.js}"></script> -->
<!-- 	<script src="../../resources/js/plugin/fuelux/wizard/wizard.js" -->
<!-- 		th:src="@{/resources/js/plugin/fuelux/wizard/wizard.js}" -->
<!-- 	></script> -->

	<script type="text/javascript">
	$(document).ready(function() {
		pageSetUp();
		
		
	})
	</script>

</body>
</html>